// 按钮
.mui-btn.bexta-btn {
    &.bexta-btn-red{
      .bexta-color(#f53048,#FFFFFF); 
      &.mui-btn-outlined{
          color: #f53048;
      }
      &.mui-btn-outlined:active{ 
            opacity: .7;
             background: transparent;
         }
    }
    &.bexta-btn-yewllo{
          .bexta-color(#fca91f,#FFFFFF); 
          &.mui-btn-outlined{
              color: #fca91f;
          }
          &.mui-btn-outlined:active{ 
                opacity: .7;
                 background: transparent; 
             }
        }
    &.btn-default{
        .bexta-color(#666,#666); 
         color: #666;
         &.mui-btn-outlined:active{
             color: #666;
              opacity: .7;
             background: transparent;
         }
    }
    &.bexta-btn-gray{
        .bexta-color(#ddd,#999); 
        color: #999;
    }
    &.mui-btn-block{ 
        padding:10px 0;
    }
    &.bexta-btn-drak{
        .bexta-color(@active, #FFFFFF);
    }
    &.bexta-btn-no_radius{
        border-radius: 0 !important;
    }
    &.mui-btn-outlined{
          background: transparent;
          .fontSize(29.7px);
    }
    &.search-btn{
        margin-bottom: 0px; 
        margin-top: 15px;
        position:relative  
    }
}
//白色的后退按钮
.bexta-white-back{
     width: 10%;
     span{
         display: block;
         background: url("../icon/whiteback.png") no-repeat;
         .wh2x(20px,34px);
         background-size: cover; 
     }
 }
 .bexta-drak-back{
     width: 10%;
     span{
        display: block;
         background: url("../icon/drakback.png") no-repeat;
         .wh2x(20px,34px);
         background-size: cover; 
     }
 }